<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>数据统计</title>
	<meta name="decorator" content="default"/>
</head>
<body>
<ul class="nav nav-tabs">
  <li class="active"><a href="">数据统计</a></li>
</ul>
<br>
<br>
<sys:message content="${message}"/>
<form:form id="inputForm" modelAttribute="" action="" method="post" class="form-horizontal">
  <div class="control-group">
  <label class="control-label">事项、计划、任务数量:</label>
  <div class="controls" style="width:70%">
  <table id="contentTable" class="table table-striped table-bordered table-condensed" width="60%">
    <thead>
      <tr>
        <th width="15%"></th>
        <th width="20%">总局</th>
        <th width="20%">直属局</th>
        <th width="20%">分支机构</th>
        <th width="25%">天津局日常施检工作事项</th>
      </tr>
    </thead>
    <tbody>
      <tr height="50px">
        <td><h6><font color="#555555">事项</font></h6></td>
        <td>${zjSx.count}</td>
        <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="直属局事项" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${zsjSx_fz}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
          </c:forEach>
        </div>
          ">${zsjSx.count}
    </div>
        </td>
        
    <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="分支机构事项" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${fzjgSx_fz}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
      </c:forEach>
    </div>
      ">${fzjgSx.count}
    </div>
    </td>
 
     <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="天津局日常施检工作事项" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${rcSx_fz}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
      </c:forEach>
    </div>
      ">${rcSx.count}
    </div>
    </td>
       
    </tr>
    
    <tr height="50px">
      <td><h6><font color="#555555">计划</font></h6></td>
      <td>${zjJh.count}</td>
      <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="直属局计划" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${zsjJh_fz}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
        </c:forEach>
      </div>
        ">${zsjJh.count}
        </div></td>
      <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="分支机构计划" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${fzjgJh_fz}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
        </c:forEach>
      </div>
        ">${fzjgJh.count}</td>
        
      <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="天津局日常施检工作计划" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${rcJh_fz}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
        </c:forEach>
      </div>
        ">${rcJh.count}</td>        
    </tr>
    <tr height="50px">
      <td><h6><font color="#555555">任务</font></h6></td>
      <td>${zjRw.count}</td>
      <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="直属局任务" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${zsjRw_fz}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
        </c:forEach>
      </div>
        ">${zsjRw.count}
        </div></td>
      <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="分支机构任务" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${fzjgRw_fz}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
        </c:forEach>
      </div>
        ">${fzjgRw.count}
        </div></td>

      <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="天津局日常施检工作任务" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${rcRw_fz}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
        </c:forEach>
      </div>
        ">${rcRw.count}
        </div></td>        
    </tr>
    </tbody>
    
  </table>
  <br/>
  </div>
  </div>
		<div class="control-group">
			<label class="control-label">两库统计:</label>
			<div class="controls" style="width:70%">
<table id="contentTable" class="table table-striped table-bordered table-condensed" width="60%">
    <thead>
      <tr>
        <th></th>
        <th>执法人员</th>
        <th>执法对象</th>
      </tr>
    </thead>
    <tbody>
      <tr height="50px">
        <td><h6><font color="#555555">在库数</font></h6></td>
      <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="执法人员在库数" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${kc_ry_xx}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
        </c:forEach>
      </div>
        ">${kc_ry.count}
        </div></td>	
      <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="执法对象在库数" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${kc_dx_xx}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
        </c:forEach>
      </div>
        ">${kc_dx.count}
        </div></td>	        	        
     </tr>
      <tr height="50px">
        <td><h6><font color="#555555">抽取数</font></h6></td>
      <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="执法人员抽取人次" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${xz_ry_xx}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
        </c:forEach>
      </div>
        ">${xz_ry.count}
        </div></td>	
      <td style="cursor:pointer;"><div style="width:100%;height:50px;
        line-height:50px; vertical-align:middle;" class="popover-toggle" 
                                title="执法对象抽取数" 
                                data-container="body" 
                                data-toggle="popover" 
                                data-placement="right"
      data-content="<div style='max-height:250px;overflow-y:auto;cursor:pointer;'>
      <c:forEach items="${xz_dx_xx}" var="dataStatistics"> ${dataStatistics.office.name}:${dataStatistics.count}<br>
        </c:forEach>
      </div>
        ">${xz_dx.count}
        </div></td>	                
     </tr>    
    </tbody>
    
  </table>   
  <br/>
  <br/>            
			</div>
		</div>  
</form:form>
<script>
	  $(function() {
			$("[data-toggle='popover']").popover({
				html : true
			});
			$('.popover-toggle').popover('hide');
			$('.popover-show').popover('hide');
			$('.popover-toggle').on('shown.bs.popover', function () {
        		//alert("当显示时警告消息");
				$(this).addClass("btn-primary");
   			});
			$('.popover-toggle').on('hidden.bs.popover', function () {
        		//alert("当显示时警告消息");
				$(this).removeClass("btn-primary");
   			});			
		});
//	  $(function () { $('.popover-toggle').popover('hide');});
//      $(function () { $('.popover-show').popover('hide');});
//      $(function () { $('.popover-toggle').on('shown.bs.popover', function () {
//        //alert("当显示时警告消息");
//		$(this).addClass("btn-primary");
//   })
//   });
   </script>
</body>
</html>
